body{
    background:#fdf6e3;
   
 
 
}

/*
============================================================
        modesombre
============================================================
*/
body.mode-sombre {
  background-color: #121212;
  color: #f0f0f0;
}

body.mode-sombre a {
  color: #93c5fd;
}
body.mode-sombre .telecharger a,
body.mode-sombre .telecharger a:hover {
  background-color: #1f1f1f;
  color: #93c5fd;
}
body.mode-sombre .telecharger a img {
  background-color: #2d2d2d;
}
body.mode-sombre .espace {
  background-color: #2c2c2c;
  border-color: #555;
  color: #f0f0f0;
}
.controle-taille-cache {
  display: none;
}

.controle-taille-visible {
  display: block;
}

body.mode-sombre .contact a {
  color: #d1d5db;
}


/* ============================================================
        Sélecteur de langue amélioré avec styles mode clair/sombre
============================================================ */

.lang-selector {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    font-family: inherit;
}

/* Le bouton affichant la langue sélectionnée, calqué sur .lang-button */
.lang-selected {
    font-size: 1.3em;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #0080ff;
    color: white;
    border: none;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    display: inline-block;
    user-select: none;
    min-width: 100px;
    text-align: center;
}

/* Hover clair */
.lang-selected:hover {
    background-color: #005999;
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* Mode sombre pour bouton */
body.mode-sombre .lang-selected {
    background-color: #444;
    color: #eee;
    border: 1px solid #555;
}

body.mode-sombre .lang-selected:hover {
    background-color: #666;
    color: white;
    box-shadow: 0 3px 6px rgba(147, 197, 253, 0.4);
}

/* Liste déroulante */
.lang-list {
    margin: 0;
    padding: 0.3em 0;
    list-style: none;
    border-radius: 8px;
    background: white;
    position: absolute;
    z-index: 10;
    width: max-content;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid #0080ff;
    display: none;
    min-width: 100%;
    left: 0;
}

/* Affichage quand le détail est ouvert */
details[open] > .lang-list {
    display: block;
}

/* Mode sombre pour liste */
body.mode-sombre .lang-list {
    background-color: #333;
    border-color: #666;
    box-shadow: 0 3px 8px rgba(147, 197, 253, 0.3);
    color: #eee;
}

/* Items de la liste */
.lang-item {
    margin: 0;
}

/* Liens dans la liste */
.lang-link {
    display: block;
    padding: 8px 16px;
    color: #0080ff;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover clair sur liens */
.lang-link:hover {
    background-color: #e0f0ff;
    color: #005999;
}

/* Hover mode sombre */
body.mode-sombre .lang-link {
    color: #7db8ff;
}

body.mode-sombre .lang-link:hover {
    background-color: #555;
    color: #cce4ff;
}